
<!--登录加载动画-->
<template>
  <!--  自定义加载-->
  <div class="logining">
    <div class="spinner">
      <div class="spinner1"></div>
    </div>
  </div>
</template>
<script setup>
</script>
<style lang="less" scoped>
.logining{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(33, 33, 33, 0.79);
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner {
  background-image: linear-gradient(rgb(186, 66, 255) 35%,rgb(0, 225, 255));
  width: 100px;
  height: 100px;
  animation: spinning82341 1.7s linear infinite;
  text-align: center;
  border-radius: 50px;
  filter: blur(1px);
  box-shadow: 0px -5px 20px 0px rgb(186, 66, 255), 0px 5px 20px 0px rgb(0, 225, 255);
}
.spinner1 {
  background-color: rgb(36, 36, 36);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  filter: blur(10px);
}
@keyframes spinning82341 {
  to {
    transform: rotate(360deg);
  }
}
page {
  padding: 0;
  margin: 0;
  min-height: 500px;
  min-width:600px;
  user-select: none;
}
</style>